<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="utf-8"/>
    <title>Web configurator Feature Assembly Models</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="Multi-staged web configurator for Feature Assembly Models"/>
    <meta name="author" content="Jasmien"/>


    <!-- Le styles -->
    <link href="../../resources/css/bootstrap.css"
          th:href="@{/resources/css/bootstrap.min.css}"
          rel="stylesheet"/>
    <style>
        body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        }
    </style>
    <link href="../../resources/css/bootstrap-responsive.css"
          th:href="@{/resources/css/bootstrap-responsive.min.css}"
          rel="stylesheet"/>

    <link rel="shortcut icon" href="../../resources/img/favicon.ico"/>
</head>

<body>

<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="#">Web configurator Feature Assembly Models</a>

            <div class="nav-collapse collapse">
                <ul class="nav">
                    <li><a href="home.html" th:href="@{/}">Home</a></li>
                    <!-- <li class="active"><a href="perspectives.html" th:href="@{/configurator}">Configurator</a></li> -->
                    <li><a href="about.html" th:href="@{/about}">About</a></li>
                    <li  class="active"><a href="contact.html" th:href="@{/contact}">Contact</a></li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>

<div class="container">

    <h2>Contact</h2>

    <p>
        Thank you for your interest in the Feature Assembly Web Configurator!<br/>
    </p>

    <section id="default" class="page-chunk default">
        <div class="page-chunk-pad">
            <form action="#" class="contact-form" enctype="multipart/form-data" method="post" accept-charset="utf-8">

        <input type="text" name="d0ntf1llth1s1n" value=" " class="default-form" style="display:none" />
        <fieldset>
            <legend>To contact us please fill out the form below.</legend>
            <div class="control-group">
                <label class="control-label" for="name">Name</label>
                <div class="controls">
                    <input type="text" name="name" value="" id="contact_name" class="name" />

                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="email">Email</label>
                <div class="controls">
                    <input type="text" name="email" value="" id="contact_email" class="email" />

                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="message">Message</label>
                <div class="controls">
                    <textarea name="message" cols="40" rows="10" id="contact_message" class="message"></textarea>

                </div>
            </div>
        </fieldset>
            <p>
                <span class="contact-button">
                    <input type="submit" name="contact-submit" value="Send"  />
                </span>
            </p>

    </form></div>
    </section>
    <p/>


</div>
<!-- /container -->

<!-- FOOTER -->
<hr/>
<footer>
    <p>
        <strong>&copy; 2013
            <a href="#">Jasmien De Ridder
            </a>, All Rights Reserved &reg;
        </strong>
    </p>
</footer>
<!-- /FOOTER -->

<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../../resources/js/jquery-2.0.2.min.js"
        th:href="@{/resources/js/jquery-2.0.2.min.js}"></script>
<script src="../../resources/js/bootstrap.min.js"
        th:href="@{/resources/js/bootstrap.min.js}"></script>

</body>
</html>
